import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

export const formDemo: AppRouteModule = {
  path: '/demo/form',
  name: 'FormDemo',
  component: LAYOUT,
  redirect: '/demo/form/index',
  meta: {
    orderNo: 20,
    icon: 'ion:aperture-outline',
    title: t('routes.demo.page.page'),
  },
  children: [
    // =============================form start=============================
    {
      path: 'Index',
      name: 'Index',
      component: () => import('/@/views/demo/form/index.vue'),
      meta: {
        title: t('routes.demo.page.formBasic'),
      },
    },
    {
      path: 'AdvancedForm',
      name: 'AdvancedForm',
      component: () => import('/@/views/demo/form/AdvancedForm.vue'),
      meta: {
        title: t('routes.demo.page.formHigh'),
      },
    },
    {
      path: 'AppendForm',
      name: 'AppendForm',
      component: () => import('/@/views/demo/form/AppendForm.vue'),
      meta: {
        title: t('routes.demo.page.formStep'),
      },
    },
    {
      path: 'CustomerForm',
      name: 'CustomerForm',
      component: () => import('/@/views/demo/form/CustomerForm.vue'),
      meta: {
        title: t('routes.demo.page.formHigh'),
      },
    },
    {
      path: 'TabsForm',
      name: 'TabsForm',
      component: () => import('/@/views/demo/form/TabsForm.vue'),
      meta: {
        title: t('routes.demo.page.formHigh'),
      },
    },


  ],
};

